<style>
#items table,
#items table tr td{
	border:none;
	padding:5px 0px;
	text-align:center;
}
#items table tr td{
	border-bottom:1px dotted #aaa;
}
#items table tr:first-child td{
	padding:0px 0px 5px 0px;
	border-bottom:3px double #000;
}
#items table td:first-child{
	cursor:pointer;
}
#items table tr:last-child td{
	border-bottom:none;
}
#items table tr.selected td:first-child,
#items table tr td:first-child:hover{
	background-image:url(gui/check_white.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
}
#items table tr:first-child td:first-child:hover{
	background-image:none;
}
#items table tr td select,
#items table tr td input{
	margin:2px;
}
#items table tr td select{
	width:200px;
}
#items table tr td input.cena{
	color:#000;
	text-align:right;
	width:75px;
}
#items table tr td input.importKomitent{
	margin-right:50px;
}
#items table tr:hover,
#items table tr.selected{
	background:{{$highlight}};
	color:{{$highlighttext}};
}
#items table tr.nohover:hover{
	background:none;
	color:#000;
}
#items select optgroup{
	padding:0px;
	font-size:12px;
	font-style:normal;
	background:#ccc;
}
#items select optgroup:before{
	padding:2px 4px;
	text-align:center;
	display:block;
	font-family:"Trebuchet MS";
}
#items select optgroup option{
	width:300px;
	background:#fff;
	color:#555;
	font-size:12px;
	cursor:pointer;
}
ul#items_data_container{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul#items_data_container>li{
	margin:0px;
	padding:5px;
	background:#dbdac6 url(gui/ugovori/stavka_data_top_shadow.gif) repeat-x 0px 0px;
	border-right:1px solid #969587;
	border-bottom:1px solid #969587;
	border-left:1px solid #969587;
	display:none;
}
ul#items_data_container li[paket]>ul{
	padding:0px 0px 0px 20px;
	background:#969587 url(gui/ugovori/paket.gif) repeat-y 0px 1px;
	border:1px solid #969587;
}
ul#items_data_container li[paket]>ul li{
	background:#dbdac6;
	border-top:1px dotted #969587;
	border-right:none;
	border-bottom:none;
	border-left:none;
}
ul#items_data_container li[paket]>ul li:first-child{
	border-top:none;
}
ul#items_data_container li h3{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
ul#items_data_container li h3.stavka_item_h3{
	margin:0px 0px 10px 0px;
	padding:10px;
}
ul#items_data_container li fieldset{
	padding-top:10px;
}
ul#items_data_container li input[type=checkbox]{
	margin:8px 5px;
}
ul#items_data_container li label{
	width:50px;
	display:block;
	float:left;
	padding-top:7px;
	text-align:right;
}
ul#items_data_container li label.second{
	width:80px;
}
ul#items_data_container li .itdata_item{
	float:left;
}
ul#items_data_container li .itdata_item textarea{
	width:97%;
	margin:5px 2px;
}
ul#items_data_container li .itdata_item fieldset legend{
	margin:-15px 0px 0px 10px;
	float:left;
	display:block;
}
ul#items_data_container li .itdata_item fieldset legend span{
	display:block;
	float:left;
	margin-right:5px;
}
ul#items_data_container li .itdata_item fieldset legend input{
	margin:0px;
	float:left;
}
ul#items_data_container li ul.materijalList{
	margin:0px;
	padding:0px;
	height:120px;
	overflow:auto;
	list-style-type:none;
	-moz-user-select:none;
}
ul#items_data_container li ul.materijalList li{
	margin:0px;
	padding:3px;
	background:url(gui/ugovori/list_gradient.gif) repeat-x left bottom;
	border-bottom:1px dotted #afae9e;
	font-size:11px;
	color:#65645b;
	cursor:pointer;
}
ul#items_data_container li ul.materijalList li.selected span[class]:after,
ul#items_data_container li ul.materijalList li.selected span[class],
ul#items_data_container li ul.materijalList li.selected,
ul#items_data_container li ul.materijalList li:hover span[class]:after,
ul#items_data_container li ul.materijalList li:hover span[class],
ul#items_data_container li ul.materijalList li:hover{
	background:{{$highlight}};
	color:{{$highlighttext}};
}
ul#items_data_container li ul.materijalList li img{
	border:1px solid transparent;
}
ul#items_data_container li ul.materijalList li.selected img,
ul#items_data_container li ul.materijalList li:hover img{
	border:1px solid {{$highlighttext}};
}
ul#items_data_container li ul.materijalList li:last-child{
	border-bottom:none;
}
ul#items_data_container li ul.materijalList li input[type=button]{
	margin:0px 5px 0px 0px;
	display:none;
	position:absolute;
}
ul#items_data_container li ul.materijalList li:hover input[type=button]{
	background-color:#fff;
	display:block;
}
ul#items_data_container li ul.materijalList li input[type=button].edit{
	margin-left:20px;
}
ul#items_data_container li ul.materijalList li .mat_date{
	display:block;
	float:left;
	font-weight:bolder;
	font-size:12px;
	color:{{$highlight}};
}
ul#items_data_container li ul.materijalList li:hover .mat_date{
	padding-left:40px;
}
ul#items_data_container li ul.materijalList li .mat_upotrebljiv{
	display:block;
	float:right;
	font-weight:bolder;
}
ul#items_data_container li ul.materijalList li .mat_upotrebljiv:after{color:red; content:"neupotrebljiv";}
ul#items_data_container li ul.materijalList li .mat_upotrebljiv[upotrebljiv=yes]:after{color:green; content:"upotrebljiv"}
ul#items_data_container li ul.materijalList li .mat_tip_ulaza{
	width:10%;
	float:left;
	display:block;
	font-weight:bolder;
}
ul#items_data_container li ul.materijalList li .mat_vrste{
	width:78%;
	clear:both;
	display:block;
	float:right;
	text-align:right;
}
ul#items_data_container li ul.materijalList li .mat_napomena{
	display:block;
	clear:both;
	float:left;
	font-style:italic;
	padding:5px 0px 0px 0px;
}
ul#items_data_container li ul.materijalList li .mat_napomena pre{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0px;
	margin:0px 0px 0px 5px;;
	float:left
}
#items input[type=button].wwwData,
#items input[type=button].bookData{
	background-color:transparent;
	border:none;
	background-repeat:no-repeat;
	background-position: 0px center;
	padding-left:18px;
	cursor:pointer;
}
#items input[type=button].wwwData{background-image:url(gui/icons/globe_small.gif)}
#items input[type=button].bookData{background-image:url(gui/icons/book_small.gif)}

ul#items_data_container li ul.actionsList{
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:200px;
	overflow:auto;
}
ul#items_data_container li ul.actionsList li{
	margin:0px;
	padding:3px;
	background:url(gui/ugovori/list_gradient.gif) repeat-x left bottom;
	border-bottom:1px dotted #afae9e;
	font-size:11px;
	color:#65645b;
	cursor:pointer;
}
ul#items_data_container li ul.actionsList li.selected span[class],
ul#items_data_container li ul.actionsList li:hover span[class],
ul#items_data_container li ul.actionsList li.selected,
ul#items_data_container li ul.actionsList li:hover{
	background:{{$highlight}};
	color:{{$highlighttext}};
}
ul#items_data_container li ul.actionsList li input[type=button]{
	margin:0px 5px 0px 0px;
	display:none;
	position:absolute;
}
ul#items_data_container li ul.actionsList li:hover input[type=button]{
	background-color:#fff;
	display:block;
}
ul#items_data_container li ul.actionsList li:hover input[type=button].edit{
	margin-left:20px;
}
ul#items_data_container li ul.actionsList li span{
	display:block;
}
ul#items_data_container li ul.actionsList li .act_editor{
	float:right;
	color:#129590;
}
ul#items_data_container li ul.actionsList li .act_date{
	float:left;
	font-size:12px;
	font-weight:bolder;
	color:{{$highlight}};
}
ul#items_data_container li ul.actionsList li:hover .act_date{
	padding-left:40px;
}
ul#items_data_container li ul.actionsList li .act_designer_note{
	clear:both;
	margin:20px 0px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bolder;
}
ul#items_data_container li ul.actionsList li .act_designer_note pre{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bolder;
	margin:0px;
	padding:0px;
}
ul#items_data_container li ul.actionsList li .act_designer{
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bolder;
	color:#3c3c36;
	font-size:10px;
}
ul#items_data_container li .bookDataContainer,
ul#items_data_container li .wwwDataContainer{
	width:653px;
	height:225px;
	overflow:auto;
	display:none;
	position:absolute;
	margin:-200px 0px 0px 293px;
}
ul#items_data_container li[paket='1'] .bookDataContainer,
ul#items_data_container li[paket='1'] .wwwDataContainer{
	margin:-200px 0px 0px 271px;
}
ul#items_data_container li .bookDataContainer li#template{
	display:none;
}
ul#items_data_container li .bookDataContainer a.close,
ul#items_data_container li .wwwDataContainer a.close{
	display:block;
	float:right;
	width:12px;
	height:12px;
	background:url(gui/close_12.gif) no-repeat 0px 0px;
	text-decoration:none;
}
ul#items_data_container li .wwwDataContainer h2{
	padding-left:20px;
	background:url(gui/icons/globe_small.gif) no-repeat 0px center;
}
ul#items_data_container li .bookDataContainer h2{
	padding-left:24px;
	background:url(gui/icons/book_small.gif) no-repeat 0px center;
}
ul#items_data_container li .wwwDataContainer ul.internet_data_periodi{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ul#items_data_container li .wwwDataContainer ul.internet_data_periodi li{
	margin:0px 2px 2px 0px;
	padding:5px;
	display:block;
	float:left;
	border:1px dotted #aaa;
}
ul#items_data_container li .wwwDataContainer ul.internet_data_periodi li:hover{
	background:{{$highlight}};
	color:{{$highlighttext}};
}
ul#items_data_container li .wwwDataContainer ul.internet_data_periodi li a{
	float:left;
	margin:7px 10px 0px 0px;
	padding:2px;
}
ul#items_data_container li .wwwDataContainer ul.internet_data_periodi li:hover a{
	background:#fff;
}
ul#items_data_container li .wwwDataContainer ul.internet_data_periodi li label.second{
	margin-left:10px;
}
ul#items_data_container li .wwwDataContainer label{width:auto;}
ul#items_data_container li .wwwDataContainer label.second{margin-left:10px;}
ul#items_data_container li .wwwDataContainer label.srp{
	height:30px;
	background:url(gui/srb.gif) no-repeat right bottom;
}
ul#items_data_container li .wwwDataContainer label.eng{
	height:30px;
	background:url(gui/eng.gif) no-repeat right bottom;
}
ul#items_data_container li .wwwDataContainer fieldset legend{
	margin-top:0px;
}
ul#items_data_container li .wwwDataContainer fieldset select{
	width:70px;
}
ul#items_data_container li .wwwDataContainer fieldset select option{
	width:200px;
}
ul#items_data_container li .wwwDataContainer input[type=button].preview{
	width:16px;
	height:16px;
	overflow:hidden;
	background:url(gui/icons/img.gif) no-repeat center center;
	border:none;
	cursor:pointer;
}
ul#items_data_container li .wwwDataContainer textarea{
	width:250px;
	float:left;
	clear:none;
}
ul#items_data_container li .bookDataContainer legend label{
	width:auto;
	padding-top:0px;
	margin-right:5px;
}
#items_data_container a.copypaste{
	float:right;
	margin:5px;
	-moz-opacity:0.2;
}
#items_data_container a.copypaste:hover{
	background:transparent;
	-moz-opacity:1;
}
#items_data_container a.copypaste img{
	border:none;
}
</style>
<div id="items">
<div class="tab_top">
	<a href="javascript:void(0)" class="switcher" onclick="var _obj=this.parentNode.nextSibling.nextSibling; var _obj1=document.getElementById('items_data_container'); _obj.style.display=(_obj.style.display=='none')?'block':'none'; _obj1.style.display=_obj.style.display">Stavke ►</a>
</div>
<blockquote class="area">
	<table cellpadding="0" border="0" cellspacing="0" id="stavkeTable">
		<tr class="nohover">
			<td>
				<input type="button" class="novi" onclick="stavkaAddRow(this)" />
				<input type="button" class="delete" onclick="stavkaDeleteRow(this)" />
			</td>
			<td>artikl:</td>
			<td>kol:</td>
			<td>cena:</td>
			<td>popust:</td>
			<td>porez:</td>
			<td>bruto (ukupno):</td>
			<td>komitent:</td>
			<td>delatnost / kampanja:</td>
		</tr>
		<tr id="1">
			<td onclick="this.parentNode.className=this.parentNode.className!='selected'?'selected':''" align="center">
				<input title="Tok realizacije" type="button" class="tok" onclick="toggleStavkaTokData(this); event.stopPropagation();" value="" />
			</td>
			<td>
				<input type="hidden" name="stavka_paket_1" id="stavka_paket_1" value="" />
				<select name="stavka_artikl_1" id="stavka_artikl_1" onchange="ugovorOnChangeStavkaArt(this)">
					<option value="-1">---</option>
					<optgroup label="ARTIKLI">
						{{%loop start stavka_id}}
						<option paket="0" value="{{$stavka_id}}" artikl="{{$stavka_artikl}}" tip="{{$stavka_tip}}" boja="{{$stavka_boja}}" mera="{{$stavka_mera}}" jmere="{{$stavka_jmere}}" cena="{{$stavka_cena}}">{{$stavka_name}}</option>
						{{%loop end}}
					</optgroup>
					<optgroup label="PAKETI">
						{{%loop start pack_id}}
						<option paket="1" sadrzaj="{{$pack_sadrzaj}}" sadrzaj_desc="{{$pack_sadrzaj_desc}}" value="{{$pack_id}}" cena="{{$pack_cena}}">{{$pack_name}}&nbsp;&middot;&nbsp;{{$pack_start_date}}-{{$pack_end_date}}</option>
						{{%loop end}}
					</optgroup>
				</select>
			</td>
			<td>
				<input onchange="updateStavkeRow(this)" style="width:15px; text-align:center" maxlength="2" type="text" name="stavka_kol_1" id="stavka_kol_1" value="1" />
			</td>
			<td align="right">
				<input class="cena" type="text" disabled="disabled" name="stavka_cena_1" id="stavka_cena_1" value="" />
			</td>
			<td align="right">
				<input onfocus="this.value=strip_number_format(this.value);" onblur="if(this.value.length==0){this.value=0}; if(!this.value.match(/%/)){this.value=number_format(this.value,2);} updateStavkeRow(this)" class="cena" type="text" name="stavka_popust_1" id="stavka_popust_1" value="0" />
			</td>
			<td align="right">
				<input class="cena" type="text" disabled="disabled" name="stavka_porez_1" id="stavka_porez_1" value="" />
			</td>
			<td align="right">
				<input class="cena" type="text" disabled="disabled" name="stavka_ukupno_1" id="stavka_ukupno_1" value="" />
			</td>
			<td>
				<input title="Sa osnovnih podataka..." type="button" style="margin-top:2px;" value="▼" class="importKomitent" onclick="importKomitentFromBasicData(this);" />
				<input style="width:70px;" disabled="disabled" type="text" name="stavka_komitent_name_1" id="stavka_komitent_name_1" />
				<input type="hidden" name="stavka_komitent_id_1" id="stavka_komitent_id_1" />
				<input type="button" class="searchBtn" onclick="selectKomitent(this.previousSibling.previousSibling.previousSibling.previousSibling.id,this.previousSibling.previousSibling.id)" />
			</td>
			<td>
				<select name="stavka_delatnost_1" id="stavka_delatnost_1">
					<option value="-1">---</option>
					{{%loop start del_id}}
					<option value="{{$del_id}}" title="{{$delid}}">{{$del_name}}</option>
					{{%loop end}}
				</select>
				<br clear="all" />
				<select name="stavka_kampanja_1" id="stavka_kampanja_1">
					{{%loop start kampanja_id}}
					<option value="{{$kampanja_id}}" title="[{{$kampanja_id}}]&nbsp;{{$kampanja_start}}&nbsp;-&nbsp;{{$kampanja_end}}" {{$kampanja_selected}}>{{$kampanja_name}}</option>
					{{%loop end}}
				</select>
			</td>
		</tr>
	</table>
</blockquote>
<br clear="all" />
<ul id="items_data_container">
	<li id="item_data_1" paket="{{$itdt_paket}}" paketname="{{$itdt_paket_name}}">{{$itdt_tok}}<br clear="all" /></li>
</ul>
</div>
